<template>
  <div class="list-discuss border-topbottom">
    <span class="iconfont icon-smile">&#xe606;</span>
    <span class="iconfont icon-star">&#xe670;&#xe670;&#xe670;&#xe670;&#xe670;</span>
    <div class="discuss-info">4.9分</div>
    <div class="discuss-info-num">18576评价</div>
    <span class="iconfont icon-to">&#xe625;</span>
  </div>
</template>

<script>
export default {
  name: 'DetailListDiscuss'
}
</script>

<style lang="stylus" scoped>
  @import '~styles/mixins.styl'
  .list-discuss
    margin-bottom .2rem
    position relative
    top -.05rem
    background #FFFFFF
    height .72rem
    border-radius .1rem
    line-height .72rem
    display flex
    .icon-smile
      flex 1
      padding-left .2rem
      height 100%
      font-size .4rem
      color #00BCD4
    .icon-star
      flex 3
      padding-left .1rem
      height 100%
      font-size .05rem
      color #FF9300
      float left
    .discuss-info
      flex 3
      padding 0 .2rem
      color #FF9300
    .discuss-info-num
      flex 3
      padding-left 1rem
    .icon-to
      flex 1
      height 100%
      font-size .35rem
</style>
